html {
  font-size: calc(100vw/750*100);
}

.box {
  width: 100%;
  height: 100%;
  background: rgba(199, 204, 223);
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;


  .name {
    width: 70%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(250, 250, 250);
    border-radius: .2rem;

    .left {
      display: flex;
      justify-content: space-around;
      width: 90%;
      padding: .1rem;
      input:nth-child(2) {
        width: 65%;
        border: antiquewhite;
        height: auto;
        flex: 1;

      }
    }
    .center {
      display: flex;
      padding: .1rem;
      width: 100%;
      justify-content: space-around;
      input:nth-child(2) {
        width: 80%;
        border: antiquewhite;
        height: auto;
        flex: 1;

      }
    }

    .right {
      margin: .2rem;
    }


    button {

      width: 90%;
      padding: .1rem;
      margin: .3rem;
      background: rgba(247, 103, 29);
      outline: none;
      border: none;
    }

  }
}
